// components/itemStatus/itemStatus.js
const app = getApp();
let api = require('../../utils/api.js');
let util = require('../../utils/util.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listTitle: ["商品收藏", "代付款", "代发货", "全部订单"],
    current: 0,
    menuAnimation: '',
    godList: {}, //商品收藏数据
    timeArr: [], //商品收藏时间
    winHeight: "", //窗口高度
    showView: false,
    cWayshow: false,

  },
  // 选中样式
  xuanzhong(e) {
    // console.log(e)
    var that = this;
    that.setData({
      current: e.currentTarget.dataset.index
    })
    this.getAllMenu();
  },
  //背景块下移动画
  translateX(topDist, width) {
    this.menuAnimation.translateX(topDist).width(width).step();
    this.setData({
      menuAnimation: this.menuAnimation.export(),
    })
  },
  // 获取位置
  getAllMenu() {
    let that = this;
    wx.createSelectorQuery().select('.xuanzhong').boundingClientRect(function(rect) {
      that.translateX(rect.left - 5, rect.width + 10)
    }).exec();
  },
  // 轮播滚动切换标签样式
  switchTab: function(e) {
    this.setData({
      current: e.detail.current
      //获取当前事件current的值；
    });
    this.getAllMenu();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var menuAnimation = wx.createAnimation({
      duration: 500,
      timingFunction: 'ease-out'
    })
    this.setData({
      current:options.id,
    })
    this.menuAnimation = menuAnimation;
    this.getAllMenu();
    util.merReq(api.getCollectUrl, {
      typeId: 0
    }, res => {
      this.setData({
        // 收藏商品数据
        godList: res.data.data.data
      })
      //  遍历商品数距里面的时间
      var timeArr = [];
      for (var i = 0; i < this.data.godList.length; i++) {
        // 正则把时间戳转换正常时间格式
        timeArr.push(new Date(parseInt((this.data.godList[i].add_time)) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " "))
      }
      this.setData({
        timeArr: timeArr
      })
    }, "GET")
    //  高度自适应
    var that = this;
    wx.getSystemInfo({
      success: function(res) {
        var clientHeight = res.windowHeight,
          clientWidth = res.windowWidth,
          rpxR = 750 / clientWidth;
        var calc = clientHeight * rpxR - 440;
        that.setData({
          winHeight: calc
        });
      }
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})